アイコン設定

• f15

ブロック名称：アイコン設定

[f15:アイコン設定(機能仕様)]

デザイン・機能仕様：

個別仕様

●
見出しのみ
アイコンの種類：安心、concept、方針、こだわり、メリット、お約束、ポイント、理由、特徴、特長、強み、ステップ
各アイコン１〜１０の数字付き

テストケース：

• （個別仕様がある場合）個別仕様通りに実装されていること 
• スタイルガイドの見出しに記載されたもの（「安心1 〜 安心10」や「携帯電話」など）と、表示されているアイコンの種類が合っていること 

安心1 〜 安心10

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--anshin-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--anshin-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--anshin-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

安心1 〜 安心10

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--anshin-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--anshin-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--anshin-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

concept1 〜 concept10

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--concept-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--concept-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--concept-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

concept1 〜 concept10

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--concept-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--concept-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--concept-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

方針1 〜 方針10

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--houshin-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--houshin-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--houshin-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

方針1 〜 方針10

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--houshin-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--houshin-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--houshin-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

こだわり1 〜 こだわり10

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--kodawari-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--kodawari-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--kodawari-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

こだわり1 〜 こだわり10

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--kodawari-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--kodawari-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--kodawari-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

メリット1 〜 メリット10

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--merit-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--merit-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--merit-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

メリット1 〜 メリット10

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--merit-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--merit-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--merit-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

お約束1 〜 お約束10

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--oyakusoku-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--oyakusoku-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--oyakusoku-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

お約束1 〜 お約束10

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--oyakusoku-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--oyakusoku-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--oyakusoku-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

ポイント1 〜 ポイント10

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--point-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--point-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--point-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

ポイント1 〜 ポイント10

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--point-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--point-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--point-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

理由1 〜 理由10

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--riyu-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--riyu-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--riyu-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

理由1 〜 理由10

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--riyu-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--riyu-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--riyu-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

特徴1 〜 特徴10

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

特徴1 〜 特徴10

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

特長1 〜 特長10

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho2-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho2-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho2-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

特長1 〜 特長10

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho2-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho2-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho2-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

強み1 〜 強み10

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tsuyomi-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tsuyomi-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tsuyomi-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

強み1 〜 強み10

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tsuyomi-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tsuyomi-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tsuyomi-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

ステップ1 〜 ステップ10

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--step-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--step-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--step-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

ステップ1 〜 ステップ10

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の３つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--step-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--step-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--step-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠：画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>